<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" >

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Padrão Color - Gráfica e Editora</title>
	<link href="${facesContext.externalContext.requestContextPath}/includes/css/logincracha.css" rel="stylesheet" type="text/css"/>
	<script type="text/javascript">
	function verificarUsuario(){
		if('${param.erro}'){
			alert("Usuário ou Senha inválido.");	
		}
	}
	</script>
</h:head>
<h:body style="background-image: url('${facesContext.externalContext.requestContextPath}/includes/imagens/crachapadraor1c1.jpg'); background-size: cover;" onload="javascript: verificarUsuario();">
 <table cellpadding="0" cellspacing="0" align="center">
	 <tr>
	 	<td >
	 		<img src="${facesContext.externalContext.requestContextPath}/includes/imagens/loginpager1c2.jpg" alt=""/>
	 	</td>
	 </tr>
	 <tr>
	 	<td >
	 		<img src="${facesContext.externalContext.requestContextPath}/includes/imagens/loginpager2c2.jpg" alt="" />
	 	</td>
	 </tr>
	 <tr>
	 	<td >
	 		<img src="${facesContext.externalContext.requestContextPath}/includes/imagens/loginpager3c2.jpg" alt="" />
	 	</td>
	 </tr>
	 <tr>
	 	<td style="background-image: url('${facesContext.externalContext.requestContextPath}/includes/imagens/loginpager4c2.jpg');" height="141px" >
	 	<h:form>
			<table align="center" width="200px">
				<tr>
					<td>
						<h:outputLabel for="j_login" value="Usuário" />	
					</td>
					<td colspan="2">
						<h:inputText id="j_login" value="#{usuarioControle.usuarioDto.login}" style="width: 100%; max-width:148px;height:19px;" />
					</td>
				</tr>
				<tr>
					<td>
						<h:outputLabel for="j_senha" value="Senha"/>
					</td>
					<td>
						<h:inputSecret id="j_senha" value="#{usuarioControle.usuarioDto.senha}" style="width: 95%; max-width:100px;height:19px;"  />
					</td>
					<td>
						<h:commandButton value="OK" action="#{usuarioControle.logar}"/>
					</td>
				</tr>
				<tr>
					<td colspan="3" class="TextoPequeno">
						Caso não lembre seu usuário ou senha clique <a href="mailto:contato@padraocolor.com">aqui</a>.
					</td>
				</tr>
			</table>
		</h:form>
	 	
		</td>
	 </tr>
	 <tr>
	 	<td >
	 		<img src="${facesContext.externalContext.requestContextPath}/includes/imagens/loginpager5c2.jpg" alt="" />
	 	</td>
	 </tr>
	 <tr>
	 	<td >
	 		<img src="${facesContext.externalContext.requestContextPath}/includes/imagens/loginpager6c2.jpg" alt="" />
	 	</td>
	 </tr>
</table>
</h:body>
</html>